{/* LAYOUT模板 */}
<layout name="layout"/>
{/* LAYOUT模板 */}
{/* import Js,Css */}	
<css href="__CSS__/jquery-ui.css" />
<js href="__JS__/core/jquery-ui.1.10.4.js" />
<js href="__JS__/core/plugins.js" />
<js href="__PLUGS__/layer-v1.8.5/layer/layer.min.js"/>
{/* import js,css */}
<style>
.qheader{background:#404040;}
.product-intro-wraper{max-width:100%;position:relative;}
.product-intro-wraper .product-intro-item{max-width:100%;position:relative;}
.product-intro-item .img {max-width:100%;}
.service_intro {background:url('__THEMES__/images/bg_services.jpg') top center no-repeat; height:299px;}
/*关于音伴尔:左边栏*/
.Lbanner{font: 14px/1.5 "微软雅黑","Hiragino Sans GB",sans-serif;color: #8c8c8c; /*border: 1px solid #dfdfdf;*/width:20%; background:#FAFAFA;}
.Lbanner h3{height: 42px;line-height: 42px; width:180px;margin:5px auto ; border-bottom:1px solid #DFDFDF;padding: 0px 0px 10px 0px;color: #010101;font-size:20px;font-family:'微软雅黑';font-weight:bold;}h3{display: block;}.intro_nav_list ul{list-style:none; padding-bottom:30px;}.intro_nav_list li{height: 42px;padding: 0 0 0 25px;line-height: 42px;}.intro_nav_list li a{display: block;line-height: 42px;color: #333;font-size:15px;font-family:'微软雅黑';}.intro_nav_list li.current{border-left: 4px solid #ff4900;background: #fafafa;}
.Lbanner .intro_nav_list a {text-decoration:none;}
/*关于音伴尔:右边栏*/
.Rbanner{width: 78%;border: 1px solid #dfdfdf;margin-left: 10px;}.Rbanner .intro_content_wrap{padding: 20px;}.intro_content_wrap{color: #8c8c8c;}.intro_content_wrap .about_index_box{margin: 10px 0;border-top: 1px dotted #ededed;}.about_index_box h3{height: 42px;line-height: 42px;padding: 0 0 0 25px;color: #000;font-size: 18px;font-family: '微软雅黑';font-weight: bold;}
.Rbanner .title-wrap {text-align:center; border-bottom:1px solid #e0e0e0;height:55px;font-size:20px;font-weight:bolder;line-height:50px;}
</style>

<div class="space91" style="width:100%;height:91px;"></div>

<!--#服务的图片banner-begin-->
<div class="product-intro-wraper hide">
	<!--环境教育的理念-->
	<div id="environment" class="product-intro-item">
		<div class="img">
			<img src="__THEMES__/images/ma-back.jpg" width="100%" height="400px"/>
		</div>
	</div>
</div>
<div class="mcontent mp20" style="min-height:600px; height:auto; margin-bottom:50px;">
	<!--招聘宣传图片-->
	<div class="slide xm-slider-slide w_1200 mauto hide">
		<a href="#">
			<img src="__THEMES__/images/slide-00.jpg" width="1240" height="500" alt=""/>
		</a>
	</div>
	<!--招聘宣传图片-->	
	<!--售后服务:左边栏-->
	<div class="firm_intro w_1200 mauto">
		<div class="Lbanner fl">			
			<dl class="intro_list">
				<h3 class="title">使用手册</h3>
				<div class="intro_nav_list">
					<ul>
						<li  data-id="{$service.article_id}" class="current">
							<a href="__URL__/#{$service.article_id}">新手指引</a>
						</li>
						<volist name="service_list" id="service">
							<li  data-id="{$service.article_id}" <if condition="$service['article_id'] eq '43'">class="current"</if> >
								<a href="__URL__/#{$service.article_id}">{$service.title}</a>
							</li>
						</volist>
					</ul>
				</div>
			</dl>
		</div>
		<!--售后服务:左边栏-->		
		<!--售后服务:右边栏-->
		<div class="Rbanner fl">
			<div class="title-wrap" style=""></div>
			<div class="intro_content_wrap">
				<if condition="$content neq ''">
					{$content}
				<else/>
					暂无内容
				</if>
				<!--正文内容-->
			</div>
		</div>
		<!--售后服务:右边栏-->
		<div style="clear:both;"></div>
	</div>
</div>

<!--# js请求内容 #-->
<script>	
$(document).ready(function(){
	//======
	/*初始化文章*/
	$('.intro_nav_list').find('li').each(function(n){
		if(n == 0){
			var id = $(this).attr('data-id');
			$.ajax({
				url:'__URL__/ajax_article',
				type:'post',
				dataType:'json',
				data:{id:id},
				beforeSend:function(){
					loader = layer.load(0, 0);
				},
				success:function(msg){
					layer.close(loader);
					$('.intro_content_wrap').html('').html(msg.info.content);
					$('.title-wrap').text('').text(msg.info.title);
				}
			});
		}
		else return;
	});
	/*切换选项*/
	$('.intro_nav_list').find('li').bind('click',function(){
		var _this 		=	$(this);
		$('.intro_nav_list').find('li').each(function(){
			$(this).removeClass('current');
		});
		_this.addClass('current');
		var str_array	=	 window.location.href.split('#');
		//if(str_array[1] == 'undefined') str = '';
		var loader	=	null;
		/* 内容 */ 
		$.ajax({
			url:'__URL__/ajax_article',
			type:'post',
			dataType:'json',
			data:{id:str_array[1]},
			beforeSend:function(){
				loader = layer.load(0, 0);
			},
			success:function(msg){
				layer.close(loader);
				$('.intro_content_wrap').html('').html(msg.info.content);
				$('.title-wrap').text('').text(msg.info.title);
			}
		});
	});
	//======
});
</script>

<include file="Library:service"/>
<include file="Library:footer"/>














